.lf() { float: left; } .rig() { float: right; }

.cb25(){ color: rgba(0,0,0,.25); }
.cb45(){ color: rgba(0,0,0,.45); }
.cb65(){ color: rgba(0,0,0,.65); }
.cb75(){ color: rgba(0,0,0,.75); }
.cb85(){ color: rgba(0,0,0,.85); }
.cb100(){ color: rgba(0,0,0,1); }

.cw25(){ color: rgba(255,255,255,.35); }
.cw65(){ color: rgba(255,255,255,.65); }
.cw85(){ color: rgba(255,255,255,.85); }
.cw100(){ color: rgba(255,255,255,1); }

.wh(@w:100%,@h:100%){ height: @h; width: @w; }

//背景-边框
.bg(@bg:#FFFFFF) { background-color: @bg; }
.bgC(@url,@color: transparent) { background: @color url(@url) no-repeat center center; }
.bgL(@url,@color: transparent) { background: @color url(@url) no-repeat left center; }
.bgR(@url,@color: transparent) { background: @color url(@url) no-repeat right center; }
.rgba(@r,@g,@b,@a) { background: rgba(@r,@g,@b,@a); }
.bgSP(@url,@color: transparent) { background: @color url(@url) no-repeat 0 0; }
.border(@l:#f00,@f:1px,@m:solid) { border: @f @m @l; }
.red() { border: 1px solid red; }
.boxs(){-webkit-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
.bradius(@radius: 50%) { -webkit-border-radius: @radius; -ms-border-radius: @radius; border-radius: @radius; }


//居中&上下左右内外边距
.center(@center: center) {text-align: @center;}
.ma() { margin: 0 auto; }
.mt(@top) { margin-top: @top; }
.mr(@right) { margin-right: @right; }
.ml(@left) { margin-left: @left; }
.mb(@bottom) { margin-bottom: @bottom; }
.pat(@top) { padding-top: @top; }
.par(@right) { padding-right: @right; }
.pal(@left) { padding-left: @left; }
.pab(@bottom) { padding-bottom: @bottom; }

//定位
.pr() { position: relative; } .pa() { position: absolute; } .pf() { position: fixed; }

//C3特效
.transition(@duration:.1s) { -webkit-transition: all @duration linear;-ms-transition: all @duration linear;transition: all @duration linear; }
.transitionType(@type: all, @duration:.3s) { -webkit-transition: @type @duration linear;-ms-transition: @type @duration linear;transition: @type @duration linear; }
.transitionCB(@duration: .8s) { -webkit-transition: all @duration cubic-bezier(.7,0,.1,1); -ms-transition: all @duration cubic-bezier(.7,0,.1,1); transition: all @duration cubic-bezier(.7,0,.1,1); }
.transform(@type) { -webkit-transform: @type; -ms-transform: @type; transform: @type; }

//行数
.onewrap() { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.morewrap(@wrap:2) { overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: @wrap; -webkit-box-orient: vertical; };

//a元素样式
.diA(@w:100%,@h:100%) { display: inline-block; .wh(@w,@h); vertical-align: top; }

//字体相关
.fzz(@size:14px) {font-size: @size;} 
.fw(@nor: bold) { font-weight: @nor; };
.c(@color:#ffffff) { color: @color; }
.lh(@lh: normal) { line-height: @lh; }
.clh(@color:#000000,@lh normal) { color: @color; line-height: @lh; }
.fzzlh( @line: normal,@size: 14px ) { font-size: @size; line-height: @line; }
.va(@align: top) { vertical-align: @align; }

//倒三角小图标
.i( @length:1px, @color: #333333, @top: 3px) { 
	top: @top;
	display: inline-block; 
	border: @length solid @color; 
	border-right: @length solid transparent; 
	border-left: @length solid  transparent; 
	border-bottom: @length solid  transparent;  }
.pi() { cursor: pointer; }